@charset "UTF-8";
/* author:LY;*/
/* author:LY;*/
#loading { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #14b1a0; }

.circle { margin: 0.4rem auto; position: relative; width: 0.1rem; height: 0.1rem; background-color: rgba(255, 255, 255, 0.5); box-shadow: -0.1rem 0px 0px white; border-radius: 50%; animation: circle_classic 1s ease-in-out infinite alternate; }

@keyframes circle_classic { 0% { opacity: 0.1;
    transform: rotate(0deg) scale(0.5); }
  100% { opacity: 1;
    transform: rotate(360deg) scale(1.2); } }

/*cloud*/
/*文字*/
/*颜色*/
.wrap { display: flex; margin-left: auto; margin-right: auto; width: 100%; max-width: 1254px; min-width: 320px; }

.elli1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.elli2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.elli3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.elli4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

[screen="false"] { overflow: auto !important; height: auto !important; }

[screen="full"] { overflow: hidden !important; }

@media screen and (max-width: 750px) { [wap="hide"] { display: none !important; }
  .wrap { max-width: 750px; } }

@media screen and (min-width: 751px) { [pc="hide"] { display: none !important; } }

.top-bar .tip-box { background-color: #14b1a0; height: 0.34rem; }

.top-bar .tip-box .wrap { justify-content: space-between; align-items: center; padding: 0 0.57rem; }

.top-bar .tip-box .wrap .left-column p { font-size: 0.14rem; line-height: 0.34rem; color: #fff; }

.top-bar .tip-box .wrap .left-column p a { color: #fff; text-decoration: underline; }

.top-bar .tip-box .wrap .right-column a { font-size: 0.14rem; line-height: 0.18rem; display: inline-block; color: #fff; padding: 0 0.15rem; border-left: 1px solid #fff; }

.top-bar .tip-box .wrap .right-column a:first-child { border: none; }

.top-bar .top-box .wrap { justify-content: flex-end; align-items: center; padding: 0.25rem 0.57rem 0.1rem; }

.top-bar .top-box .wrap .top-logo { margin-right: auto; }

.top-bar .top-box .wrap .top-logo a { display: block; width: 2.8rem; height: 0.68rem; }

.top-bar .top-box .wrap .top-logo a img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.top-bar .top-box .wrap .top-nav ul { display: flex; }

.top-bar .top-box .wrap .top-nav ul li { padding-bottom: 0.1rem; }

.top-bar .top-box .wrap .top-nav ul li a { font-size: 0.16rem; color: #333; display: block; margin: 0 0.15rem; }

.top-bar .top-box .wrap .top-nav ul li.current { border-bottom: 0.03rem solid #14b1a0; }

.top-bar .top-box .wrap .top-nav ul li.current a { color: #0a677e; }

.top-bar .top-box .wrap .m-login { display: flex; align-items: center; margin-left: 0.4rem; }

.top-bar .top-box .wrap .m-login > a { display: block; width: 1.2rem; height: 0.45rem; border-radius: 0.05rem; background-color: #14b1a0; text-align: center; line-height: 0.45rem; color: #fff; font-size: 0.16rem; }

.top-bar .top-box .wrap .m-login > a:hover { border: 1px solid #14b1a0; color: #14b1a0; background-color: transparent; }

.top-bar .top-box .wrap .m-login .u-account { position: relative; display: flex; align-items: center; cursor: pointer; padding-bottom: 0.1rem; }

.top-bar .top-box .wrap .m-login .u-account:hover .personal { display: block; }

.top-bar .top-box .wrap .m-login .u-account .faces { width: 0.44rem; height: 0.44rem; border-radius: 50%; overflow: hidden; }

.top-bar .top-box .wrap .m-login .u-account .faces img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.top-bar .top-box .wrap .m-login .u-account .user { font-size: 0.16rem; line-height: 0.28rem; color: #333; width: 1rem; margin: 0 0.14rem 0 0.1rem; }

.top-bar .top-box .wrap .m-login .u-account .personal { position: absolute; bottom: -1rem; left: 0; display: none; z-index: 10; }

.top-bar .top-box .wrap .m-login .u-account .personal a { display: flex; align-items: center; background-color: #14b1a0; color: #fff; width: 2rem; height: 0.52rem; border-bottom: 0.01rem solid #fff; padding-left: 0.35rem; }

.top-bar .top-box .wrap .m-login .u-account .personal a:hover { background-color: #0a677e; }

.top-bar .top-box .wrap .m-login .u-account .personal a .ico { display: block; width: 0.2rem; margin-right: 0.1rem; }

.top-bar .top-box .wrap .m-login .u-account .personal a .ico img { display: block; width: 100%; object-fit: cover; object-position: center; }

.top-bar .top-box .wrap .m-login .u-account .personal a span { font-size: 0.16rem; }

.top-bar .top-box .wrap .m-login .u-account .personal a span::after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.1rem solid #a2c5ce; border-top: 0.05rem solid transparent; border-right: 0.1rem solid transparent; border-bottom: 0.05rem solid transparent; margin-left: 0.2rem; }

.top-bar .top-box .wrap .m-login .sign-out a { font-size: 0.16rem; color: #1c9db6; line-height: 1.5; display: block; padding-bottom: 0.1rem; }

.top-bar .top-box .wrap .title { font-size: 0.28rem; color: #333; font-weight: normal; line-height: 0.5rem; border-left: 1px solid #d5d5d5; padding-left: 0.15rem; width: 4rem; }

.banner-box { height: 4.9rem; }

.banner-box a { display: block; width: 100%; height: 4.9rem; }

.banner-box a img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.main-box { background: url(../images/index-bg.jpg) no-repeat top; background-size: cover; padding-bottom: 1.55rem; }

.main-box .m-inlet { padding: 0.45rem 0 0.4rem; }

.main-box .m-inlet ul { display: flex; justify-content: space-between; align-items: center; width: 100%; }

.main-box .m-inlet ul li { width: 3.5rem; height: 1.66rem; border-radius: 0.15rem; background-color: #1ba2bc; border: 0.05rem solid #fff; }

.main-box .m-inlet ul li:first-child { background-color: #4fc146; }

.main-box .m-inlet ul li:last-child { background-color: #f39800; }

.main-box .m-inlet ul li:hover { box-shadow: 0 0 0.1rem 0.02rem rgba(8, 108, 127, 0.13); }

.main-box .m-inlet ul a { display: flex; align-items: center; padding: 0 0.33rem; height: 100%; }

.main-box .m-inlet ul a .icon { width: 0.77rem; height: 0.77rem; margin-right: 0.14rem; }

.main-box .m-inlet ul a .icon img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.main-box .m-inlet ul a span { display: block; font-size: 0.26rem; line-height: 0.34rem; color: #fff; }

.main-box .m-recommend { margin: 0.46rem auto 0; max-width: 12.54rem; background: url(../images/bac-rec.jpg) no-repeat; background-size: 12.54rem; height: 4.8rem; padding: 0 0.56rem; position: relative; }

.main-box .m-recommend .m-title { position: absolute; left: 0.56rem; top: -0.44rem; }

.main-box .m-recommend .swiper-recommend { padding-top: 0.6rem; }

.main-box .m-recommend .swiper-recommend .swiper-container { padding: 0.13rem 0; }

.main-box .m-recommend .swiper-recommend .swiper-container .swiper-slide { width: 3.5rem; }

.main-box .m-recommend .swiper-recommend a { display: block; width: 3.5rem; background-color: #fff; border-radius: 0.15rem; box-shadow: 0 0 0.1rem 3px rgba(153, 153, 153, 0.13); overflow: hidden; }

.main-box .m-recommend .swiper-recommend a .u-img { width: 100%; height: 1.85rem; position: relative; z-index: 1; }

.main-box .m-recommend .swiper-recommend a .u-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.main-box .m-recommend .swiper-recommend a .u-con { padding: 0.2rem 0.16rem; }

.main-box .m-recommend .swiper-recommend a .u-con .y-top { display: flex; justify-content: space-between; }

.main-box .m-recommend .swiper-recommend a .u-con .y-top h2 { font-size: 0.2rem; color: #333; line-height: 0.28rem; width: 1.8rem; font-weight: normal; }

.main-box .m-recommend .swiper-recommend a .u-con .y-top .m-evaluate { width: 1.31rem; height: 0.25rem; position: relative; background-color: #e4e4e4; }

.main-box .m-recommend .swiper-recommend a .u-con .y-top .m-evaluate span { display: block; position: absolute; left: 0; top: 0; width: 80%; height: 0.25rem; background-color: #ffce08; z-index: 1; }

.main-box .m-recommend .swiper-recommend a .u-con .y-top .m-evaluate .icon { background: url(../images/star-bg.png); background-size: 1.31rem; height: 0.25rem; width: 1.31rem; position: absolute; left: 0; top: 0; z-index: 10; }

.main-box .m-recommend .swiper-recommend a .u-con .y-bottom { margin-top: 0.2rem; display: flex; justify-content: space-between; }

.main-box .m-recommend .swiper-recommend a .u-con .y-bottom .u-info p { font-size: 0.14rem; line-height: 0.24rem; color: #666; }

.main-box .m-recommend .swiper-recommend a .u-con .y-bottom .u-btn { width: 0.98rem; height: 0.4rem; text-align: center; line-height: 0.4rem; color: #fff; font-size: 0.16rem; background-color: #14b1a0; border-radius: 0.05rem; }

.main-box .m-recommend .swiper-recommend a .u-con .y-bottom .u-btn:hover { background-color: #ff7800; }

.main-box .m-recommend .m-more { position: absolute; bottom: -0.25rem; left: 50%; margin-left: -1.5rem; }

.main-box .m-recommend .m-more a { width: 3rem; height: 0.54rem; font-size: 0.18rem; line-height: 0.54rem; border-radius: 0.27rem; }

.main-box .m-recommend .m-more a:hover { box-shadow: 0 0 0.1rem 0.03rem rgba(153, 153, 153, 0.25); }

.main-box .m-selected { margin: 0.9rem auto 0; max-width: 12.54rem; background: url(../images/bac-sele.jpg) no-repeat; background-size: 12.54rem; height: 5rem; padding: 0 0.65rem; position: relative; box-shadow: 0 0 0.1rem 3px rgba(86, 130, 125, 0.13); border-radius: 0.15rem; }

.main-box .m-selected .m-title { position: absolute; top: 0.35rem; left: 0.56rem; }

.main-box .m-selected .swiper-selected { padding: 1.5rem 0 0; }

.main-box .m-selected .swiper-selected .swiper-container { padding: 0.15rem 0; }

.main-box .m-selected .swiper-selected .swiper-container .swiper-slide { width: 2.67rem; }

.main-box .m-selected .swiper-selected .swiper-container .swiper-slide a { display: block; width: 100%; background-color: #fff; border-radius: 0.15rem; box-shadow: 0 0 0.1rem 0.03rem rgba(153, 153, 153, 0.13); }

.main-box .m-selected .swiper-selected .swiper-container .swiper-slide a .u-img { width: 100%; height: 1.85rem; position: relative; z-index: 1; border-radius: 0.05rem; }

.main-box .m-selected .swiper-selected .swiper-container .swiper-slide a .u-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.main-box .m-selected .swiper-selected .swiper-container .swiper-slide a .u-con { padding: 0.2rem 0.15rem; }

.main-box .m-selected .swiper-selected .swiper-container .swiper-slide a .u-con h2 { font-size: 0.2rem; color: #333; line-height: 1.5; font-weight: normal; margin-bottom: 0.1rem; }

.main-box .m-selected .m-btn { top: 0.55rem; }

.main-box .m-teachers { margin: 0.77rem auto 0; max-width: 12.54rem; padding: 0 0.57rem; position: relative; }

.main-box .m-teachers .swiper-teachers { padding-top: 1.3rem; position: relative; z-index: 15; }

.main-box .m-teachers .swiper-teachers .swiper-container { padding: 0.14rem 0; }

.main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide { width: 3.5rem; height: 4.6rem; }

.main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; border-radius: 0.05rem; position: relative; overflow: hidden; }

.main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a .u-img { height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

.main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a .u-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a .u-con { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 1.27rem; background-color: rgba(0, 0, 0, 0.6); padding: 0.2rem 0.18rem; border-radius: 0.05rem; transition: all 0.35s; }

.main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a .u-con .u-info { font-size: 0.16rem; color: #fff; line-height: 0.3rem; }

.main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a .u-con .u-icon { width: 0.38rem; height: 0.1rem; background: url(../images/arrow.png) no-repeat; background-size: 0.38rem; float: right; margin-top: 0.3rem; }

.main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a:hover .u-con { height: 100%; padding: 2.9rem 0.18rem 0.2rem; }

.main-box .m-teachers .m-title { position: absolute; top: 0.35rem; left: 0.56rem; }

.main-box .m-teachers .m-btn { top: 0.55rem; z-index: 20; }

.main-box .m-teachers::before { content: ''; display: block; border: 0.05rem solid #14b1a0; width: 12.44rem; height: 6.46rem; position: absolute; top: 0; left: 0; border-radius: 0.15rem; z-index: 10; }

.main-box .m-teachers .m-more { position: absolute; width: 12.54rem; left: 0; bottom: -1rem; z-index: 1; }

.main-box .m-teachers .m-more a { height: 0.65rem; font-size: 0.18rem; line-height: 0.65rem; position: relative; border-bottom-right-radius: 0.15rem; border-bottom-left-radius: 0.15rem; }

.main-box .m-teachers .m-more a::after { content: ''; display: block; border-left: 0.07rem solid #14b1a0; border-bottom: 0.07rem solid #14b1a0; border-top: 0.07rem solid transparent; border-right: 0.07rem solid transparent; position: absolute; top: -0.1rem; left: 0; z-index: 5; }

.main-box .m-teachers .m-more a::before { content: ''; display: block; border-right: 0.07rem solid #14b1a0; border-bottom: 0.07rem solid #14b1a0; border-top: 0.07rem solid transparent; border-left: 0.07rem solid transparent; position: absolute; top: -0.1rem; right: 0; z-index: 5; }

.main-box .m-title { display: flex; align-items: center; }

.main-box .m-title .icon { width: 0.7rem; }

.main-box .m-title .icon img { max-width: 100%; }

.main-box .m-title .text { font-size: 0.3rem; color: #0a677e; height: 0.48rem; border-bottom: 2px solid #0a677e; margin-left: 0.15rem; }

.main-box .m-btn { position: absolute; width: 1rem; height: 0.4rem; top: -0.2rem; right: 0.55rem; display: flex; }

.main-box .m-btn div { width: 0.4rem; height: 0.4rem; border-radius: 0.05rem; background-color: #14b1a0; border: 2px solid #e6e6e6; margin: 0 0.05rem; background-size: 0.12rem; position: initial; outline: none; }

.main-box .m-btn div:hover { background-color: #ff7800; }

.main-box .m-btn div.swiper-button-disabled { opacity: 1; background-color: #ff7800; }

.main-box .m-more a { display: block; background-color: #14b1a0; color: #fff; text-align: center; }

.main-box .m-play { width: 0.62rem; height: 0.62rem; background: url(../images/play.png) no-repeat center; position: absolute; z-index: 10; left: 50%; top: 50%; margin-top: -0.31rem; margin-left: -0.31rem; }

.sub-box { background-color: #f4f4f4; }

.sub-box .innertop-box .wrap { flex-direction: column; padding: 0 0.57rem; }

.sub-box .innertop-box .wrap .top-column { display: flex; justify-content: space-between; padding: 0.26rem 0; }

.sub-box .innertop-box .wrap .top-column .m-crumb { font-size: 0.2rem; color: #333; line-height: 0.48rem; }

.sub-box .innertop-box .wrap .top-column .m-crumb a:hover { color: #14b1a0; }

.sub-box .innertop-box .wrap .top-column .m-search { width: 3.55rem; border: 1px solid #e6e6e6; border-radius: 0.24rem; height: 0.48rem; background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 0.24rem; }

.sub-box .innertop-box .wrap .top-column .m-search input { display: block; border: none; outline: none; background-color: transparent; flex-grow: 1; font-size: 0.16rem; color: #999; line-height: 0.46rem; padding: 0; }

.sub-box .innertop-box .wrap .top-column .m-search button { display: block; border: none; background-color: transparent; outline: none; width: 0.4rem; height: 0.46rem; padding: 0; background-image: url(../images/search.png); background-repeat: no-repeat; background-size: 0.26rem; background-position: center; cursor: pointer; }

.sub-box .innertop-box .wrap .bootom-column { background-color: #fff; border-radius: 0.05rem; box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); padding: 0.26rem 0.06rem; }

.sub-box .innertop-box .wrap .bootom-column ul { display: flex; flex-wrap: wrap; align-items: center; }

.sub-box .innertop-box .wrap .bootom-column ul li a { display: block; background-color: #f4f4f4; margin: 0.14rem; text-align: center; font-size: 0.14rem; color: #333; width: 1.1rem; height: 0.36rem; line-height: 0.36rem; border-radius: 0.18rem; }

.sub-box .innertop-box .wrap .bootom-column ul li.current a, .sub-box .innertop-box .wrap .bootom-column ul li:hover a { background-color: #14b1a0; color: #fff; }

.sub-box .m-recolist { padding-bottom: 0.62rem; }

.sub-box .m-recolist .wrap { padding: 0 0.57rem; }

.sub-box .m-recolist .wrap p { font-size: 0.2rem; width: 100%; text-align: center; line-height: 2; margin: 0.5rem 0; }

.sub-box .m-recolist .wrap ul { display: flex; flex-wrap: wrap; align-items: center; padding: 0.1rem 0; }

.sub-box .m-recolist .wrap ul li { margin-right: 0.15rem; }

.sub-box .m-recolist .wrap ul li a { display: block; position: relative; border-radius: 0.15rem; overflow: hidden; box-shadow: 0 0 0.1rem 0.03rem rgba(0, 0, 0, 0.13); margin-top: 0.24rem; width: 2.16rem; background-color: #fff; }

.sub-box .m-recolist .wrap ul li a:hover .u-img img { transform: scale(1.15); }

.sub-box .m-recolist .wrap ul li a .u-img { width: 100%; height: 1.48rem; border-radius: 0.05rem; overflow: hidden; }

.sub-box .m-recolist .wrap ul li a .u-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.25s; }

.sub-box .m-recolist .wrap ul li a .u-con { padding: 0.15rem 0.1rem; }

.sub-box .m-recolist .wrap ul li a .u-con h2 { font-size: 0.16rem; color: #333; line-height: 0.28rem; font-weight: normal; }

.sub-box .m-recolist .wrap ul li a .u-con .u-text { display: flex; align-items: center; justify-content: space-between; margin-top: 0.1rem; }

.sub-box .m-recolist .wrap ul li a .u-con .u-text .u-lecturer { font-size: 0.12rem; color: #666; }

.sub-box .m-recolist .wrap ul li a .u-period { position: absolute; top: 0.08rem; left: 0.08rem; width: 0.58rem; height: 0.26rem; display: block; background-color: #2aaec8; text-align: center; line-height: 0.26rem; font-size: 0.14rem; color: #fff; border-radius: 0.05rem; }

.sub-box .m-recolist .wrap ul li:nth-child(5n) { margin-right: 0; }

.sub-box .m-recolist .m-pages { margin-top: 0.42rem; }

.sub-box .m-pages { display: flex; align-items: center; justify-content: center; }

.sub-box .m-pages a { display: block; font-size: 0.24rem; width: 0.4rem; height: 0.4rem; border: 0.02rem solid #62a4ad; background-color: #fff; line-height: 0.36rem; text-align: center; font-family: "SimSun" !important; color: #62a4ad; cursor: pointer; }

.sub-box .m-pages a.prohibit { cursor: default; opacity: 0.6; }

.sub-box .m-pages span { display: block; font-size: 0.26rem; color: #0a677e; line-height: 0.36rem; margin: 0 0.2rem; }

.sub-box .media-box { width: 11.4rem; margin: 0 auto; background-color: #fff; box-shadow: 0 0 0.01rem 0 rgba(0, 0, 0, 0.1); border-radius: 0.05rem; padding: 0.4rem 0.28rem; display: flex; justify-content: space-between; }

.sub-box .media-box .left-column { width: 7.2rem; }

.sub-box .media-box .left-column .m-curriculum { display: flex; flex-wrap: wrap; justify-content: space-between; }

.sub-box .media-box .left-column .m-curriculum .u-cover { width: 3.95rem; height: 2.48rem; }

.sub-box .media-box .left-column .m-curriculum .u-cover img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.sub-box .media-box .left-column .m-curriculum .u-title h2 { font-size: 0.26rem; color: #333; line-height: 1.5; font-weight: normal; width: 2.95rem; margin: 0.15rem 0; }

.sub-box .media-box .left-column .m-curriculum .u-title .u-label { display: inline-block; padding: 0 0.2rem; height: 0.35rem; border-radius: 0.05rem; background-color: #14b1a0; font-size: 0.16rem; color: #fff; line-height: 0.35rem; text-align: center; }

.sub-box .media-box .left-column .m-curriculum .u-colle { width: 3.95rem; display: flex; align-items: center; justify-content: space-between; margin-top: 0.15rem; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items { display: flex; align-items: center; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div { font-size: 0.14rem; color: #333; line-height: 0.32rem; display: flex; align-items: center; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div .icon { width: 0.22rem; height: 0.32rem; display: block; background-image: url(../images/icon.png); background-size: 3rem; margin-right: 0.1rem; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-collect { border-right: 0.01rem solid #d1d1d1; padding-right: 0.1rem; margin-right: 0.1rem; cursor: pointer; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-collect .icon { background-position: 0 0.05rem; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-share { cursor: pointer; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-share a { display: flex; align-items: center; color: #333; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-share a .icon { background-position: -0.44rem 0.07rem; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-browse { background: none; padding: 0; margin-right: 0.1rem; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-browse .icon { background-position: -0.66rem 0.08rem; }

.sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-period { width: 0.7rem; height: 0.32rem; line-height: 0.32rem; text-align: center; color: #666; display: block; background-color: #e8e8e8; border-radius: 0.05rem; }

.sub-box .media-box .left-column .m-curriculum .u-info .items { font-size: 0.14rem; color: #333; line-height: 0.32rem; display: flex; align-items: center; }

.sub-box .media-box .left-column .m-curriculum .u-info .items .icon { display: block; width: 0.22rem; height: 0.32rem; background-image: url(../images/icon.png); background-size: 3rem; margin-right: 0.1rem; }

.sub-box .media-box .left-column .m-curriculum .u-info .items.u-time .icon { background-position: -0.88rem 0.08rem; }

.sub-box .media-box .left-column .m-curriculum .u-info .items.u-lecturer .icon { background-position: -1.1rem 0.1rem; }

.sub-box .media-box .left-column .m-curriculum .u-audio { position: fixed; left: 50%; margin-left: -5.7rem; bottom: 0; width: 11.4rem; transition: all 0.3s; }

.sub-box .media-box .left-column .m-curriculum .u-audio .audio-control { width: 100%; outline: none; }

.sub-box .media-box .left-column .m-introd { padding: 0.2rem; background-color: #f6f6f6; border-radius: 0.05rem; margin: 0.25rem 0; }

.sub-box .media-box .left-column .m-introd h3 { font-size: 0.18rem; color: #333; line-height: 0.48rem; font-family: '微软雅黑'; }

.sub-box .media-box .left-column .m-introd .u-con { font-size: 0.16rem; color: #333; line-height: 0.3rem; }

.sub-box .media-box .left-column .m-details .u-con { padding-top: 0.3rem; }

.sub-box .media-box .left-column .m-details .u-con p { font-size: 0.16rem; color: #333; line-height: 0.33rem; }

.sub-box .media-box .left-column .m-details .u-con p img { max-width: 100%; margin: 0.2rem 0; }

.sub-box .media-box .right-column { flex: 1; margin-left: 0.25rem; display: flex; flex-direction: column-reverse; margin-bottom: auto; }

.sub-box .media-box .right-column .teacher-box { border-top: 0.03rem solid #14b1a0; border-radius: 0.05rem; background-color: #f6f6f6; overflow: hidden; }

.sub-box .media-box .right-column .teacher-box .y-top { display: flex; align-items: center; margin: 0.15rem 0.2rem; }

.sub-box .media-box .right-column .teacher-box .y-top .u-img { width: 0.83rem; height: 0.83rem; overflow: hidden; border-radius: 50%; }

.sub-box .media-box .right-column .teacher-box .y-top .u-img img { width: 100%; }

.sub-box .media-box .right-column .teacher-box .y-top .u-name { font-size: 0.18rem; color: #333; margin-left: 0.3rem; }

.sub-box .media-box .right-column .teacher-box .y-con { height: 1.2rem; overflow: hidden; font-size: 0.16rem; color: #000; line-height: 0.3rem; padding: 0 0.2rem; text-align: justify; }

.sub-box .media-box .right-column .teacher-box .y-btn { height: 0.56rem; background-color: #e7e7e7; margin-top: 0.2rem; text-align: center; font-size: 0.16rem; line-height: 0.56rem; color: #000; cursor: pointer; }

.sub-box .media-box .right-column .teacher-box .y-btn:hover { background-color: #ddd; }

.sub-box .media-box .recom-box { border-top: 0.03rem solid #14b1a0; border-radius: 0.05rem; background-color: #f6f6f6; margin-top: 0.3rem; padding: 0.1rem 0.15rem; }

.sub-box .media-box .recom-box h2 { font-size: 0.18rem; color: #000; line-height: 0.54rem; font-weight: normal; }

.sub-box .media-box .recom-box .m-list-recom ul li a { display: flex; align-items: center; padding: 0.2rem 0.05rem; border-top: 0.01rem solid #ccc; }

.sub-box .media-box .recom-box .m-list-recom ul li a .u-img { width: 1.3rem; height: 0.8rem; overflow: hidden; margin-right: 0.15rem; flex-shrink: 0; }

.sub-box .media-box .recom-box .m-list-recom ul li a .u-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.3s; }

.sub-box .media-box .recom-box .m-list-recom ul li a .u-tetx { flex: 1; }

.sub-box .media-box .recom-box .m-list-recom ul li a .u-tetx .y-tit { font-size: 0.16rem; line-height: 0.24rem; color: #333; }

.sub-box .media-box .recom-box .m-list-recom ul li a .u-tetx .y-teac { font-size: 0.14rem; color: #1aa0ba; line-height: 0.28rem; }

.sub-box .media-box .recom-box .m-list-recom ul li a:hover .u-img img { transform: scale(1.1); }

.sub-box .media-box .recom-box .m-list-recom ul li a:hover .u-tetx .y-tit { color: #1aa0ba; }

.sub-box .media-box .m-audio { border-radius: 0.05rem; }

.sub-box .media-box .m-audio ul { background-color: #f6f6f6; border-radius: 0.05rem; border-top: 0.04rem solid #14b1a0; padding: 0 0.15rem; max-height: 4rem; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.sub-box .media-box .m-audio ul li { display: flex; align-items: center; height: 0.8rem; cursor: pointer; border-bottom: 0.01rem solid #ddd; }

.sub-box .media-box .m-audio ul li .u-tit { display: flex; align-items: center; }

.sub-box .media-box .m-audio ul li .u-tit .icon { display: block; width: 0.3rem; height: 0.24rem; background-image: url(../images/icon.png); background-size: 3rem; background-position: -1.32rem 0; }

.sub-box .media-box .m-audio ul li .u-tit span { display: block; width: 3.7rem; font-size: 0.16rem; color: #333; line-height: 0.3rem; margin-left: 0.2rem; }

.sub-box .media-box .m-audio ul li .u-time { margin-left: auto; display: flex; align-items: center; }

.sub-box .media-box .m-audio ul li .u-time .icon { display: block; width: 0.22rem; height: 0.32rem; background-image: url(../images/icon.png); background-position: -0.88rem 0.08rem; background-size: 3rem; }

.sub-box .media-box .m-audio ul li .u-time span { display: block; font-size: 0.14rem; color: #666; line-height: 0.32rem; margin-left: 0.05rem; }

.sub-box .media-box .m-audio ul li .up-time { font-size: 0.14rem; color: #666; margin-left: 0.2rem; line-height: 0.32rem; padding-right: 0.05rem; }

.sub-box .media-box .m-audio ul li.current .u-tit .icon { background-position: -1.62rem 0; }

.sub-box .media-box .m-audio ul li:hover { border-bottom: 0.01rem solid #14b1a0; }

.sub-box .video-box .left-column .m-curriculum { padding-bottom: 0.1rem; background-color: #f6f6f6; border-radius: 0.05rem; }

.sub-box .video-box .left-column .m-curriculum .u-title { width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding-bottom: 0.25rem; }

.sub-box .video-box .left-column .m-curriculum .u-title h2 { margin: 0; width: 5rem; }

.sub-box .video-box .left-column .m-curriculum .m-video { width: 100%; height: 4.5rem; border-radius: 0.15rem; overflow: hidden; background-color: #000; }

.sub-box .video-box .left-column .m-curriculum .m-video .u-video { height: 100%; }

.sub-box .video-box .left-column .m-curriculum .m-video .u-video video { outline: none; }

.sub-box .video-box .left-column .m-curriculum .u-colle { width: 100%; margin-top: 0.1rem; padding: 0 0.15rem; }

.sub-box .video-box .left-column .m-curriculum .u-info { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 0.1rem; padding: 0 0.15rem; }

.sub-box .video-box .left-column .m-curriculum .u-info .items { color: #000; }

.sub-box .video-box .left-column .m-introd { padding: 0; background-color: transparent; }

.sub-box .video-box .right-column .m-catalogue { order: 1; }

.sub-box .video-box .right-column .m-catalogue h2 { font-size: 0.26rem; color: #333; line-height: 1.5; font-weight: normal; margin-bottom: 0.25rem; }

.sub-box .video-box .right-column .m-catalogue .m-catalogue-list { background-color: #f6f6f6; border-radius: 0.05rem; border-top: 0.03rem solid #14b1a0; overflow-y: scroll; height: 5.44rem; }

.sub-box .video-box .right-column .m-catalogue .m-catalogue-list ul li { height: 0.7rem; width: 3.4rem; padding: 0 0.15rem; display: flex; align-items: center; margin-top: 0.03rem; border-radius: 0.05rem; }

.sub-box .video-box .right-column .m-catalogue .m-catalogue-list ul li .icon { display: block; width: 0.13rem; height: 0.13rem; border: 0.01rem solid #666; border-radius: 50%; margin-right: 0.1rem; }

.sub-box .video-box .right-column .m-catalogue .m-catalogue-list ul li span { display: block; font-size: 0.16rem; color: #333; width: 2.85rem; }

.sub-box .video-box .right-column .m-catalogue .m-catalogue-list ul li.current, .sub-box .video-box .right-column .m-catalogue .m-catalogue-list ul li:hover { background-color: #e7e7e7; }

.sub-box .video-box .right-column .m-catalogue .m-catalogue-list ul li.current .icon, .sub-box .video-box .right-column .m-catalogue .m-catalogue-list ul li:hover .icon { border: 0.01rem solid #1aa0ba; background-color: #fff; }

.sub-box .video-box .right-column .teacher-box { margin-top: 0.3rem; }

.u-browse { padding-left: 0.3rem; background: url(../images/browse.png) no-repeat center left; font-size: 0.14rem; color: #666; }

.u-det-tit { position: relative; text-align: center; border-bottom: 0.01rem solid #ccc; }

.u-det-tit span { display: inline-block; font-size: 0.2rem; color: #333; line-height: 0.8rem; position: relative; }

.u-det-tit span::after { content: ''; display: block; width: 90%; height: 0.03rem; background-color: #2aaec8; position: absolute; bottom: -0.02rem; left: 5%; }

.footer-box { background-color: #404040; }

.footer-box .m-links { padding: 0.14rem 0; background-color: #646464; }

.footer-box .m-links .wrap { align-items: flex-start; flex-wrap: wrap; padding: 0 0.57rem; }

.footer-box .m-links .wrap .m-tit { padding-left: 0.3rem; background: url(../images/links.png) no-repeat left center; background-size: 0.23rem; line-height: 0.3rem; height: 0.3rem; font-size: 0.16rem; color: #fff; flex-shrink: 0; }

.footer-box .m-links .wrap .m-list { width: 10.3rem; }

.footer-box .m-links .wrap .m-list ul { display: flex; align-items: center; flex-wrap: wrap; }

.footer-box .m-links .wrap .m-list ul li a { display: block; line-height: 0.3rem; font-size: 0.14rem; color: #fff; margin-right: 0.25rem; }

.footer-box .m-links .wrap .m-list ul li a:hover { text-decoration: underline; }

.footer-box .m-contact { padding: 0.3rem 0; }

.footer-box .m-contact .wrap { padding: 0 0.57rem; }

.footer-box .m-contact .wrap .left-column { display: flex; justify-content: space-between; width: 5.25rem; border-right: 1px solid #585858; flex-shrink: 0; padding-bottom: 0.3rem; }

.footer-box .m-contact .wrap .left-column .items h3 { font-size: 0.16rem; color: #fff; line-height: 0.3rem; margin-bottom: 0.25rem; }

.footer-box .m-contact .wrap .left-column .items .m-list ul li a { display: block; font-size: 0.14rem; line-height: 0.25rem; color: #fff; text-transform: uppercase; padding-right: 0.35rem; }

.footer-box .m-contact .wrap .left-column .items .m-list ul li a:hover { text-decoration: underline; }

.footer-box .m-contact .wrap .right-column { width: 6.15rem; padding-left: 0.6rem; }

.footer-box .m-contact .wrap .right-column h3 { font-size: 0.16rem; color: #fff; line-height: 0.3rem; margin-bottom: 0.25rem; }

.footer-box .m-contact .wrap .right-column .y-bottom { display: flex; flex-wrap: wrap; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-text { margin-bottom: 0.25rem; width: 2.75rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-text .u-phone { line-height: 0.25rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-text .u-phone label { font-size: 0.16rem; color: #fff; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-text .u-phone span { font-size: 0.24rem; color: #14b1a0; margin-left: 0.15rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-text .u-en { font-size: 0.18rem; color: #fff; line-height: 0.25rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-text p { font-size: 0.12rem; color: #fff; line-height: 0.25rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-text .u-fax { font-size: 0.16rem; color: #fff; line-height: 0.25rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-text .u-mail, .footer-box .m-contact .wrap .right-column .y-bottom .m-text .u-address { font-size: 0.14rem; color: #fff; line-height: 0.25rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-imgtext { display: flex; align-items: center; width: 2.75rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-imgtext .u-img { width: 0.8rem; height: 0.8rem; overflow: hidden; flex-shrink: 0; margin-right: 0.1rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-imgtext .u-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-imgtext p { font-size: 0.12rem; color: #fff; line-height: 0.24rem; }

.footer-box .m-contact .wrap .right-column .y-bottom .m-imgtext p span { color: #14b1a0; }

.footer-box .m-copyright p { line-height: 0.52rem; font-size: 0.12rem; color: #848484; border-top: 1px solid #585858; width: 100%; }

.footer-box .m-copyright p span { margin: 0 0.15rem; }

.m-client { position: fixed; top: 50%; right: 0.1rem; z-index: 99; margin-top: -0.86rem; width: 0.42rem; }

.m-client ul li { margin-bottom: 1px; width: 0.42rem; height: 0.42rem; }

.m-client ul li .u-box { width: 0.42rem; height: 0.42rem; line-height: 0.42rem; }

.m-client ul li .u-box a { position: relative; display: block; padding-left: 0.42rem; height: 0.42rem; background: #14b1a0; color: #fff; text-align: center; zoom: 1; }

.m-client ul li .u-box a .icoBox { position: absolute; top: 0; left: 0; width: 0.42rem; height: 0.42rem; line-height: 0.14rem; }

.m-client ul li .u-box a .icoBox .ico { display: block; overflow: hidden; width: 0.42rem; height: 0.42rem; background-image: url(../images/ico-client.png); background-repeat: no-repeat; background-size: 0.42rem; }

.m-client ul li .u-box a .text { position: absolute; top: 0; left: 0.54rem; padding: 0 0.15rem 0 0.05rem; white-space: nowrap; font-size: 0.18rem; font-family: 'Microsoft YaHei'; background: url(../images/bg-client-hover.jpg); transition: all 0.25s; }

.m-client ul li .u-box a .erwei { position: absolute; right: 100%; bottom: 0; display: none; margin: -0.65rem 0.08rem 0 0; padding: 0.03rem; border: solid 2px #14b1a0; background: #fff; height: 0.9rem; width: 0.9rem; }

.m-client ul li .u-box a .erwei img { width: 0.8rem; height: 0.8rem; }

.m-client ul li .u-box a:hover { background: url(../images/bg-client-hover.jpg); }

.m-client ul li .u-box a:hover .text { width: 1.86rem; left: -1.44rem; }

.m-client ul li .u-box a:hover .erwei { display: block; }

.m-client ul li.child-2 .ico { background-position: 0 -0.42rem; }

.m-client ul li.child-3 .ico { background-position: 0 -0.84rem; }

.m-client ul li.child-4 .ico { background-position: 0 -1.26rem; }

.m-client .goTop a { display: block; overflow: hidden; width: 0.42rem; height: 0.42rem; background: #00796c url(../images/ico-client.png) 0 -1.68rem no-repeat; border-radius: 0.02rem; }

.signPage { background: url(../images/sign-bg.jpg) no-repeat center/cover; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.signPage .wrap { align-items: center; justify-content: space-between; height: 100%; }

.signPage .wrap .left-column { width: 7.3rem; }

.signPage .wrap .left-column img { display: block; width: 100%; object-fit: cover; object-position: center; }

.signPage .wrap .left-column p { font-size: 0.42rem; text-align: center; line-height: 1; color: #fff; margin-top: 0.5rem; }

.signPage .wrap .right-column { width: 4.75rem; height: 5.45rem; border-radius: 0.15rem; background-color: #f2f2f2; }

.signPage .wrap .right-column img { margin: 0.1rem 0.3rem; display: block; width: 2.8rem; }

.signPage .wrap .right-column .m-sigln { height: 4.55rem; background-color: #fff; border-radius: 0.15rem; box-shadow: 0 0 0.1rem 0.03rem rgba(8, 120, 108, 0.13); padding-top: 0.4rem; }

.signPage .wrap .right-column .m-sigln h2 { font-size: 0.3rem; color: #333; left: 0.48rem; text-align: center; font-weight: normal; }

.signPage .wrap .right-column .m-sigln h2::after { content: ''; display: block; background-color: #0e9f8f; width: 1.55rem; height: 0.06rem; border-radius: 0.03rem; margin: 0.15rem auto 0; }

.signPage .wrap .right-column .m-sigln .form-box { margin-top: 0.54rem; padding: 0 0.3rem; }

.signPage .wrap .right-column .m-sigln .form-box .form-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.24rem; }

.signPage .wrap .right-column .m-sigln .form-box .form-item .form-label { display: flex; align-items: center; }

.signPage .wrap .right-column .m-sigln .form-box .form-item .form-label img { width: 0.3rem; margin: 0; }

.signPage .wrap .right-column .m-sigln .form-box .form-item .form-label span { display: block; width: 0.6rem; margin-left: 0.1rem; line-height: 0.3rem; font-size: 0.2rem; color: #333; text-align: justify; text-align-last: justify; }

.signPage .wrap .right-column .m-sigln .form-box .form-item .input-block .input { width: 2.85rem; height: 0.57rem; border: 0.01rem solid #e5e5e5; border-radius: 0.15rem; outline: none; background-color: transparent; padding: 0 0.2rem; font-size: 0.16rem; color: #999; line-height: 0.55rem; }

.signPage .wrap .right-column .m-sigln .form-box .btn-outlined { width: 100%; border: none; outline: none; background-color: #ffcc00; border-radius: 0.15rem; margin-top: 0.2rem; padding: 0; font-size: 0.22rem; line-height: 0.58rem; text-align: center; cursor: pointer; }

.signPage .wrap .right-column .m-sigln .form-box .btn-outlined:hover { box-shadow: 0 0 0.1rem 0.03rem rgba(255, 204, 0, 0.2); }

.personal-box { display: flex; align-items: center; }

.personal-box .left-column { width: 3.55rem; background: url(../images/pers-bg.jpg); height: 100%; padding-top: 0.9rem; position: relative; }

.personal-box .left-column .u-faces { width: 1.2rem; height: 1.2rem; background-color: #fff; border: 0.05rem solid #ffd800; border-radius: 50%; overflow: hidden; margin: 0 auto 0.45rem; }

.personal-box .left-column .u-faces img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.personal-box .left-column .u-name { font-size: 0.2rem; line-height: 1.5; color: #fff; text-align: center; }

.personal-box .left-column .u-list { padding-top: 0.7rem; margin-right: 0.35rem; }

.personal-box .left-column .u-list a { display: flex; align-items: center; justify-content: center; margin-bottom: 0.12rem; }

.personal-box .left-column .u-list a.info .ico { background: url(../images/hone1.png) no-repeat; background-position: -0.22rem 0; background-size: 0.66rem; }

.personal-box .left-column .u-list a.collect .ico { background: url(../images/collect1.png) no-repeat; background-position: -0.22rem 0; background-size: 0.66rem; }

.personal-box .left-column .u-list a.current, .personal-box .left-column .u-list a:hover { background: #fff; border-bottom-right-radius: 0.29rem; border-top-right-radius: 0.29rem; box-shadow: 0.01rem 0.01rem 0.07rem 0 rgba(8, 101, 123, 0.35); }

.personal-box .left-column .u-list a.current .ico, .personal-box .left-column .u-list a:hover .ico { background-position: 0 0; }

.personal-box .left-column .u-list a.current span, .personal-box .left-column .u-list a:hover span { color: #0c6980; }

.personal-box .left-column .u-list a .ico { width: 0.22rem; height: 0.21rem; display: block; margin-left: 0.35rem; }

.personal-box .left-column .u-list a span { display: block; margin-left: 0.15rem; font-size: 0.18rem; color: #fff; line-height: 0.58rem; }

.personal-box .left-column .u-out { position: absolute; bottom: 1rem; left: 50%; margin-left: -0.5rem; }

.personal-box .left-column .u-out a { display: block; width: 1rem; height: 0.42rem; text-align: center; border-radius: 0.21rem; line-height: 0.42rem; font-size: 0.18rem; color: #086b86; background-color: #ffd800; }

.personal-box .left-column .u-out a:last-child { background-color: transparent; text-decoration: underline; }

.personal-box .left-column .u-out a:hover { color: #fff; }

.personal-box .right-column { flex-grow: 1; padding: 0 0.2rem; }

.personal-box .right-column .info-box { width: 9.6rem; margin: 0 auto; background-color: #fff; }

.personal-box .right-column .info-box .title { font-weight: normal; font-size: 0.3rem; color: #333333; text-align: center; line-height: 1.5; padding-bottom: 0.2rem; border-bottom: 0.02rem solid #14b1a0; }

.personal-box .right-column .info-box .form-box form { padding: 0.5rem 1.25rem 0.6rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.personal-box .right-column .info-box .form-box form .form-item { height: 0.65rem; width: 2.8rem; display: flex; align-items: center; }

.personal-box .right-column .info-box .form-box form .form-item .form-label { display: block; width: 0.7rem; font-size: 0.16rem; color: #000; text-align: justify; text-align-last: justify; line-height: 0.38rem; }

.personal-box .right-column .info-box .form-box form .form-item .input-block .input { border: none; background: none; outline: none; display: block; width: 2rem; font-size: 0.16rem; color: #666; line-height: 0.38rem; padding: 0; font-family: 'microsoft yahei'; margin-left: 0.1rem; }

.personal-box .right-column .info-box .form-box form .form-item .input-block.birthday { position: relative; }

.personal-box .right-column .info-box .form-box form .form-item .input-block.birthday .input { border: 1px solid #ccc; padding: 0 0.1rem; }

.personal-box .right-column .info-box .form-box form .form-item .input-block.birthday::after { content: ''; position: absolute; right: 0.1rem; top: 0.12rem; height: 0.16rem; width: 0.16rem; background: url(../images/info-icon.png); background-size: 0.5rem; }

.personal-box .right-column .info-box .form-box form .form-item .input-block.tele { position: relative; }

.personal-box .right-column .info-box .form-box form .form-item .input-block.tele::after { content: ''; position: absolute; right: 0.1rem; top: 0.12rem; height: 0.16rem; width: 0.2rem; background: url(../images/info-icon.png) -0.28rem 0; background-size: 0.5rem; }

.personal-box .right-column .info-box .form-box form .form-item .input-block[read="false"] .input { color: #14b1a0; }

.personal-box .right-column .info-box .form-box .btn-box { display: flex; align-items: center; justify-content: center; }

.personal-box .right-column .info-box .form-box .btn-box .change, .personal-box .right-column .info-box .form-box .btn-box .btn-outlined { display: block; width: 1.45rem; height: 0.44rem; border-radius: 0.05rem; margin: 0 0.15rem; font-size: 0.18rem; text-align: center; line-height: 0.44rem; }

.personal-box .right-column .info-box .form-box .btn-box .change { color: #666; background-color: #e2e2e2; }

.personal-box .right-column .info-box .form-box .btn-box .btn-outlined { display: none; color: #fff; background-color: #14b1a0; border: none; outline: none; cursor: pointer; }

.personal-box .right-column .info-box .m-recolist { padding-bottom: 0; }

.personal-box .right-column .info-box .m-recolist .wrap { padding: 0; }

.personal-box .right-column .info-box .m-recolist .wrap ul { justify-content: space-between; }

.personal-box .right-column .info-box .m-recolist .wrap ul li { margin-right: 0; }

.personal-box .right-column .info-box .m-recolist .wrap ul li a { width: 2.3rem; }

@media screen and (max-width: 750px) { .top-bar { height: 0.88rem; }
  .top-bar .tip-box { display: none; }
  .top-bar .top-box { position: relative; width: 100%; box-shadow: 0.03rem 0.03rem 0.06rem 0 rgba(0, 0, 0, 0.19); z-index: 100; height: 0.88rem; background-color: #fff; }
  .top-bar .top-box .wrap { padding: 0.17rem 0.24rem; justify-content: space-between; }
  .top-bar .top-box .wrap .back { display: block; width: 0.44rem; margin-right: 0.4rem; font-size: 0.42rem; font-family: "SimSun" !important; color: #333; }
  .top-bar .top-box .wrap h1 { font-weight: normal; font-size: 0.34rem; color: #333; text-align: center; }
  .top-bar .top-box .wrap .r-icon .close { display: block; width: 0.35rem; height: 0.35rem; background-image: url(../images/close.png); background-size: cover; }
  .top-bar .top-box .wrap .m-login .u-account { padding-bottom: 0; }
  .banner-box { height: 5rem; }
  .banner-box a { height: 5rem; }
  .main-box { padding-bottom: 0.9rem; }
  .main-box .m-inlet { padding: 0.2rem 0.24rem 0.6rem; }
  .main-box .m-inlet ul li { border: 0.04rem solid #fff; box-shadow: 0 0 0.1rem 0.02rem rgba(8, 108, 127, 0.13); width: 2.17rem; height: 1.9rem; }
  .main-box .m-inlet ul li a { flex-direction: column; padding: 0.15rem 0; justify-content: flex-start; }
  .main-box .m-inlet ul li a .icon { width: 0.67rem; height: 0.67rem; margin: 0; }
  .main-box .m-inlet ul li a span { font-size: 0.26rem; line-height: 0.34rem; }
  .main-box .m-inlet ul li a span:last-child { display: block; height: 0.5rem; margin-top: 0.25rem; }
  .main-box .m-inlet ul li:last-child a span:last-child { margin-top: 0.05rem; }
  .main-box .m-recommend { margin: 0.4rem auto; background: url(../images/wap-bac-rec.jpg) no-repeat 0.24rem; background-size: 7.02rem; height: 4.98rem; max-width: 7.5rem; padding: 0 0.28rem; position: relative; }
  .main-box .m-recommend .m-title { left: 0.52rem; top: -0.35rem; }
  .main-box .m-recommend .swiper-recommend { padding-top: 0.5rem; }
  .main-box .m-recommend .swiper-recommend .swiper-container { padding: 0.2rem 0; margin-left: 0.24rem; }
  .main-box .m-recommend .swiper-recommend .swiper-container .swiper-slide { width: 3.88rem; margin-right: 0.36rem; }
  .main-box .m-recommend .swiper-recommend a { width: 100%; border-radius: 0.15rem; box-shadow: 0 0 0.1rem 0.03rem rgba(153, 153, 153, 0.13); }
  .main-box .m-recommend .swiper-recommend a .u-img { height: 2.05rem; }
  .main-box .m-recommend .swiper-recommend a .u-con { padding: 0.2rem; }
  .main-box .m-recommend .swiper-recommend a .u-con .y-top { align-items: center; }
  .main-box .m-recommend .swiper-recommend a .u-con .y-top h2 { font-size: 0.26rem; line-height: 1.5; width: 2.1rem; }
  .main-box .m-recommend .swiper-recommend a .u-con .y-top .m-evaluate { width: 1.31rem; height: 0.25rem; }
  .main-box .m-recommend .swiper-recommend a .u-con .y-top .m-evaluate span { width: 80%; height: 0.25rem; }
  .main-box .m-recommend .swiper-recommend a .u-con .y-top .m-evaluate .icon { width: 100%; height: 0.25rem; background-size: 1.31rem; }
  .main-box .m-recommend .swiper-recommend a .u-con .y-bottom { margin-top: 0.2rem; }
  .main-box .m-recommend .swiper-recommend a .u-con .y-bottom .u-info p { font-size: 0.2rem; line-height: 0.3rem; }
  .main-box .m-recommend .swiper-recommend a .u-con .y-bottom .u-btn { width: 1.08rem; height: 0.45rem; line-height: 0.45rem; color: #fff; font-size: 0.18rem; border-radius: 0.05rem; }
  .main-box .m-recommend .m-more { position: absolute; bottom: -0.25rem; left: 50%; margin-left: -1.5rem; }
  .main-box .m-recommend .m-more a { width: 3rem; height: 0.54rem; font-size: 0.22rem; line-height: 0.54rem; border-radius: 0.27rem; }
  .main-box .m-selected { margin: 0.8rem auto 0; max-width: 7.02rem; background: url(../images/wap-bac-sele.jpg) no-repeat; background-size: 7.02rem; height: 4.64rem; padding: 0 0.3rem; box-shadow: 0 0 0.1rem 0.03rem rgba(86, 130, 125, 0.13); border-radius: 0.15rem; }
  .main-box .m-selected .m-title { top: 0.25rem; left: 0.26rem; }
  .main-box .m-selected .swiper-selected { padding: 1rem 0 0; }
  .main-box .m-selected .swiper-selected .swiper-container { padding: 0.2rem 0; }
  .main-box .m-selected .swiper-selected .swiper-container .swiper-slide { width: 2.7rem; margin-right: 0.2rem; }
  .main-box .m-selected .swiper-selected .swiper-container .swiper-slide a { border-radius: 0.15rem; }
  .main-box .m-selected .swiper-selected .swiper-container .swiper-slide a .u-img { height: 1.85rem; border-radius: 0.05rem; }
  .main-box .m-selected .swiper-selected .swiper-container .swiper-slide a .u-con { padding: 0 0.15rem 0.2rem; }
  .main-box .m-selected .swiper-selected .swiper-container .swiper-slide a .u-con h2 { font-size: 0.26rem; margin: 0.15rem 0; }
  .main-box .m-selected .swiper-selected .swiper-container .swiper-slide a .u-con .u-browse { padding-left: 0.3rem; background-size: 0.23rem; font-size: 0.18rem; margin-top: 0; }
  .main-box .m-selected .m-btn { top: 0.23rem; }
  .main-box .m-teachers { margin: 0.55rem auto 1.65rem; max-width: 7.02rem; padding: 0 0.24rem; }
  .main-box .m-teachers::before { width: 100%; height: 4.23rem; }
  .main-box .m-teachers .m-more { width: 7.12rem; }
  .main-box .m-teachers .m-btn { z-index: 20; }
  .main-box .m-teachers .swiper-teachers .swiper-container { padding: 0.04rem 0 0; }
  .main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide { width: 2rem; height: 2.6rem; margin-right: 0.24rem; }
  .main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a .u-con { padding: 0.1rem; height: 0.72rem; }
  .main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a .u-con .u-name { font-size: 0.22rem; color: #fff; }
  .main-box .m-teachers .swiper-teachers .swiper-container .swiper-slide a:hover .u-con { padding: 0.1rem; height: 0.72rem; }
  .main-box .m-title .icon { width: 0.48rem; }
  .main-box .m-title .text { font-size: 0.32rem; height: 0.48rem; margin-left: 0.2rem; }
  .main-box .m-btn { width: 1rem; height: 0.4rem; top: -0.2rem; right: 0.52rem; }
  .main-box .m-btn div { width: 0.4rem; height: 0.4rem; border-radius: 0.05rem; border: 2px solid #e6e6e6; margin: 0 0.05rem; background-size: 0.12rem; }
  .main-box .m-play { width: 0.62rem; height: 0.62rem; background-size: 0.62rem; margin-top: -0.31rem; margin-left: -0.31rem; }
  .sub-box .innertop-box .wrap { padding: 0; }
  .sub-box .innertop-box .wrap .top-column { padding: 0.26rem 0.24rem; }
  .sub-box .innertop-box .wrap .top-column .m-search { width: 100%; border-radius: 0.35rem; height: 0.7rem; padding: 0 0.3rem; }
  .sub-box .innertop-box .wrap .top-column .m-search input { font-size: 0.28rem; line-height: 0.68rem; }
  .sub-box .innertop-box .wrap .top-column .m-search button { background-size: 0.34rem; }
  .sub-box .innertop-box .wrap .bootom-column { padding: 0.05rem 0.24rem; box-shadow: none; border-bottom: 1px solid #efefef; }
  .sub-box .innertop-box .wrap .bootom-column ul { justify-content: space-between; }
  .sub-box .innertop-box .wrap .bootom-column ul li a { height: 0.52rem; line-height: 0.52rem; border-radius: 0.26rem; font-size: 0.26rem; width: 1.6rem; margin: 0.14rem 0; }
  .sub-box .m-recolist { background-color: #fff; margin-top: 0.2rem; padding-bottom: 0.9rem; }
  .sub-box .m-recolist .wrap { padding: 0 0.24rem; }
  .sub-box .m-recolist .wrap p { font-size: 0.32rem; }
  .sub-box .m-recolist .wrap ul { justify-content: space-between; padding-top: 0.2rem; }
  .sub-box .m-recolist .wrap ul li { margin: 0 !important; }
  .sub-box .m-recolist .wrap ul li a { width: 3.35rem; margin-top: 0.28rem; }
  .sub-box .m-recolist .wrap ul li a .u-img { width: 100%; height: 2.3rem; }
  .sub-box .m-recolist .wrap ul li a .u-con h2 { font-size: 0.24rem; }
  .sub-box .m-recolist .wrap ul li a .u-con .u-text .u-lecturer { font-size: 0.2rem; }
  .sub-box .m-recolist .wrap ul li a .u-con .u-text .u-browse { background-size: 0.3rem; padding-left: 0.4rem; font-size: 0.2rem; }
  .sub-box .m-recolist .wrap ul li a .u-period { font-size: 0.2rem; height: 0.4rem; width: 0.88rem; line-height: 0.4rem; }
  .sub-box .m-recolist .m-pages { margin: 0.57rem 0 0.64rem; }
  .sub-box .media-box { width: 100%; padding: 0; flex-direction: column; }
  .sub-box .media-box .left-column { width: 100%; padding-bottom: 1.45rem; }
  .sub-box .media-box .left-column .m-curriculum { flex-direction: column; }
  .sub-box .media-box .left-column .m-curriculum .u-cover { width: 100%; height: 4.7rem; }
  .sub-box .media-box .left-column .m-curriculum .u-title { height: 1.1rem; background-color: #f6f6f6; display: flex; align-items: center; justify-content: space-between; padding: 0 0.25rem; }
  .sub-box .media-box .left-column .m-curriculum .u-title h2 { max-width: 5.6rem; width: auto; font-size: 0.3rem; }
  .sub-box .media-box .left-column .m-curriculum .u-title .u-label { height: 0.64rem; line-height: 0.64rem; font-size: 0.3rem; flex-shrink: 0; }
  .sub-box .media-box .left-column .m-curriculum .u-colle { height: 0.96rem; width: calc(100% - 0.5rem); margin: 0 0.25rem; border-bottom: 1px solid #ccc; }
  .sub-box .media-box .left-column .m-curriculum .u-colle .items div { font-size: 0.22rem; line-height: 0.42rem; }
  .sub-box .media-box .left-column .m-curriculum .u-colle .items div .icon { transform: scale(1.45); margin-right: 0.15rem; }
  .sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-collect { padding-right: 0.2rem; margin-right: 0.2rem; }
  .sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-browse { margin-right: 0.2rem; }
  .sub-box .media-box .left-column .m-curriculum .u-colle .items div.u-period { width: 0.9rem; height: 0.42rem; line-height: 0.42rem; }
  .sub-box .media-box .left-column .m-curriculum .u-info { display: flex; align-items: center; justify-content: space-between; padding: 0.33rem 0.25rem; }
  .sub-box .media-box .left-column .m-curriculum .u-info .items { font-size: 0.22rem; color: #000; }
  .sub-box .media-box .left-column .m-curriculum .u-info .items .icon { transform: scale(1.45); }
  .sub-box .media-box .left-column .m-curriculum .u-audio { position: relative; bottom: 0; left: 0; margin: 0; width: 100%; padding: 0 0.25rem; }
  .sub-box .media-box .right-column { width: 100%; background-color: #fff; overflow: scroll; position: fixed; left: 0; bottom: 0; margin-left: 0; z-index: 200; }
  .sub-box .media-box .right-column .teacher-box { border-top: none; }
  .sub-box .media-box .right-column .teacher-box .y-top { padding: 0.5rem 0.25rem 0.35rem; margin: 0; background-color: #fff; }
  .sub-box .media-box .right-column .teacher-box .y-top .u-img { width: 1.35rem; height: 1.35rem; }
  .sub-box .media-box .right-column .teacher-box .y-top .u-name { font-size: 0.28rem; }
  .sub-box .media-box .right-column .teacher-box .y-con { height: auto; font-size: 0.26rem; color: #666; line-height: 0.46rem; padding: 0.2rem; }
  .sub-box .media-box .m-introd { margin: 0.4rem 0; }
  .sub-box .media-box .m-introd h3 { font-size: 0.3rem; font-weight: normal; }
  .sub-box .media-box .m-introd .u-con { font-size: 0.26rem; line-height: 0.46rem; margin-top: 0.25rem; color: #666; }
  .sub-box .media-box .m-details { padding: 0 0.25rem 0.25rem; }
  .sub-box .media-box .m-details .u-det-tit { border: none; text-align: left; }
  .sub-box .media-box .m-details .u-det-tit span { font-size: 0.3rem; line-height: 0.48rem; color: #333; }
  .sub-box .media-box .m-details .u-det-tit span::after { display: none; }
  .sub-box .media-box .m-details .u-con { padding-top: 0; }
  .sub-box .media-box .m-details .u-con p { font-size: 0.26rem; color: #666; line-height: 0.46rem; }
  .sub-box .media-box .recom-box { margin: 0; padding: 0 0.15rem; border: none; }
  .sub-box .media-box .recom-box .m-list-recom { max-height: 6rem; overflow-y: scroll; }
  .sub-box .media-box .recom-box .m-list-recom ul li a { padding: 0.35rem 0.1rem 0.3rem; }
  .sub-box .media-box .recom-box .m-list-recom ul li a .u-img { width: 2.3rem; height: 1.55rem; margin-right: 0.25rem; }
  .sub-box .media-box .recom-box .m-list-recom ul li a .u-tetx .y-tit { font-size: 0.28rem; line-height: 0.48rem; margin-bottom: 0.5rem; -webkit-line-clamp: 1; }
  .sub-box .media-box .recom-box .m-list-recom ul li a .u-tetx .y-teac { font-size: 0.24rem; line-height: 0.36rem; }
  .sub-box .media-box .wap-column { position: fixed; left: 0; bottom: 0; z-index: 110; width: 100%; height: 1.45rem; }
  .sub-box .media-box .wap-column .y-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.48); z-index: 20; border-radius: 0.05rem; }
  .sub-box .media-box .wap-column .y-con { background-color: #14b1a0; border-top-right-radius: 0.05rem; border-top-left-radius: 0.05rem; position: absolute; width: 100%; z-index: 80; bottom: 0; transition: all .35s; }
  .sub-box .media-box .wap-column .y-con .pop-btn { text-align: center; padding: 0.1rem 0 0.15rem; }
  .sub-box .media-box .wap-column .y-con .pop-btn i { display: inline-block; text-align: center; width: 0.3rem; height: 0.3rem; font-size: 0.3rem; color: #fff; font-style: normal; font-family: "SimSun" !important; font-weight: bold; line-height: 0.3rem; transform: rotate(-90deg); }
  .sub-box .media-box .wap-column .y-con .m-item-box { display: flex; justify-content: space-between; align-items: center; padding: 0 0.25rem; }
  .sub-box .media-box .wap-column .y-con .m-item-box .items { line-height: 0.9rem; font-size: 0.28rem; color: #9cfff4; }
  .sub-box .media-box .wap-column .y-con .m-item-box .items.current { color: #fff; }
  .sub-box .media-box .wap-column[pop="true"] { height: 100%; }
  .sub-box .media-box .wap-column[pop="true"] .y-con { bottom: 6rem; }
  .sub-box .media-box .wap-column[pop="true"] .y-con .pop-btn i { transform: rotate(90deg); }
  .sub-box .media-box .m-audio ul { padding: 0 0.2rem; max-height: 6rem; border: none; }
  .sub-box .media-box .m-audio ul li { height: 1.58rem; }
  .sub-box .media-box .m-audio ul li .u-tit .icon { transform: scale(2); margin: 0 0.2rem; }
  .sub-box .media-box .m-audio ul li .u-tit span { font-size: 0.32rem; width: 6rem; line-height: 0.48rem; }
  .sub-box .audio-box .right-column { height: 0; }
  .sub-box .audio-box .right-column > div { opacity: 0; transition: all 0.5s; height: 0; overflow: hidden; }
  .sub-box .audio-box .right-column > div.current { height: auto; opacity: 1; overflow: scroll; }
  .sub-box .audio-box .right-column .teacher-box .y-con { min-height: 3.75rem; }
  .sub-box .video-box .left-column .m-curriculum { background-color: #fff; }
  .sub-box .video-box .left-column .m-curriculum .u-info { order: 1; padding: 0.1rem 0.25rem; }
  .sub-box .video-box .left-column .m-curriculum .m-video { height: 4.7rem; border-radius: 0; }
  .sub-box .video-box .left-column .m-curriculum .u-title { order: 1; background-color: #f6f6f6; }
  .sub-box .video-box .left-column .m-curriculum .u-title h2 { font-size: 0.3rem; color: #000; max-width: 5rem; }
  .sub-box .video-box .left-column .m-curriculum .m-video-syn { order: 1; display: flex; align-items: center; justify-content: space-between; padding: 0.25rem 0.25rem 0; }
  .sub-box .video-box .left-column .m-curriculum .m-video-syn .tit { font-size: 0.28rem; color: #333; }
  .sub-box .video-box .left-column .m-curriculum .m-video-syn .syn-btn { font-size: 0.26rem; color: #333; line-height: 0.35rem; position: relative; padding-right: 0.3rem; }
  .sub-box .video-box .left-column .m-curriculum .m-video-syn .syn-btn i { font-family: "SimSun" !important; font-style: normal; font-size: 0.35rem; height: 0.35rem; width: 0.2rem; display: block; position: absolute; right: 0; top: 0; transition: all 0.3s; }
  .sub-box .video-box .left-column .m-curriculum .m-video-syn .syn-btn[pop="true"] i { transform: rotate(90deg); }
  .sub-box .video-box .left-column .m-curriculum .u-colle { padding: 0; order: 1; }
  .sub-box .video-box .left-column .recom-box { background-color: #fff; padding: 0 0.25rem; }
  .sub-box .video-box .left-column .recom-box h2 { font-size: 0.3rem; padding-top: 0.2rem; }
  .sub-box .video-box .left-column .recom-box .m-list-recom ul li:first-child a { border: none; }
  .sub-box .video-box .left-column .m-catalogue { border-top: 0.2rem solid #f6f6f6; transition: all 0.3s; }
  .sub-box .video-box .left-column .m-catalogue .catalogue-tit { padding: 0.35rem 0.25rem; display: flex; align-items: center; justify-content: space-between; }
  .sub-box .video-box .left-column .m-catalogue .catalogue-tit .tit { font-size: 0.3rem; color: #333; }
  .sub-box .video-box .left-column .m-catalogue .catalogue-tit .catalogue-btn { font-family: "SimSun" !important; font-style: normal; font-size: 0.35rem; height: 0.35rem; width: 0.2rem; display: block; transition: all 0.3s; }
  .sub-box .video-box .left-column .m-catalogue .m-catalogue-list { margin: 0 0.25rem; padding-bottom: 0.4rem; border-bottom: 0.01rem solid #ccc; }
  .sub-box .video-box .left-column .m-catalogue .m-catalogue-list ul li { width: 0.95rem; height: 0.95rem; margin-right: 0.25rem; background-color: #f6f6f6; border-radius: 0.05rem; border: 0.01rem solid #ccc; color: #666; line-height: 0.93rem; text-align: center; font-size: 0.32rem; position: relative; }
  .sub-box .video-box .left-column .m-catalogue .m-catalogue-list ul li:last-child { margin-right: 0; }
  .sub-box .video-box .left-column .m-catalogue .m-catalogue-list ul li.current { border-color: #14b1a0; }
  .sub-box .video-box .left-column .m-catalogue .m-catalogue-list ul li.new::before { content: 'NEW'; display: block; width: 0.55rem; height: 0.24rem; background-color: #ff7800; color: #fff; text-align: center; line-height: 0.24rem; font-size: 0.18rem; border-bottom-left-radius: 0.05rem; position: absolute; top: 0; right: 0; }
  .sub-box .video-box .left-column .m-catalogue[opens="true"] { height: calc(100% - 8.25rem); width: 100%; background-color: #fff; position: fixed; bottom: 0; left: 0; z-index: 110; overflow: scroll; opacity: 1; }
  .sub-box .video-box .left-column .m-catalogue[opens="true"] .catalogue-btn { transform: rotate(90deg); }
  .sub-box .video-box .left-column .m-catalogue[opens="true"] .m-catalogue-list { border: none; }
  .sub-box .video-box .left-column .m-catalogue[opens="true"] .m-catalogue-list .swiper-wrapper { transform: translate3d(0, 0, 0) !important; flex-wrap: wrap; }
  .sub-box .video-box .left-column .m-catalogue[opens="true"] .m-catalogue-list .swiper-wrapper li { margin: 0 0.1rem 0.35rem; }
  .sub-box .video-box .right-column { height: calc(100% - 8.3rem); bottom: -100%; display: block; }
  .sub-box .video-box .right-column .teacher-box { overflow: scroll; margin-top: 0; }
  .sub-box .video-box .right-column .m-introd { padding: 0 0.25rem; border-bottom: 0.3rem solid #f6f6f6; }
  .sub-box .video-box .right-column .m-introd .u-con { margin-bottom: 0.25rem; }
  .sub-box .video-box .right-column .m-details .u-det-tit { margin: 0.25rem 0; }
  .sub-box .video-box .right-column .m-details .u-con img { max-width: 100%; }
  .client-box { height: 0.9rem; background-color: #14b1a0; padding: 0.24rem 0.3rem; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; }
  .client-box ul { display: flex; align-items: center; justify-content: space-between; }
  .client-box ul li { flex: 1; }
  .client-box ul li a { font-size: 0.28rem; color: #fff; line-height: 0.3rem; display: block; text-align: center; }
  .client-box ul li:first-child { border-right: 1px solid #83d6cd; }
  .client-box ul li:last-child { border-left: 1px solid #0b716d; }
  .signPage .wrap { justify-content: flex-start; flex-direction: column; }
  .signPage .wrap .left-column { width: 5.5rem; margin-top: 0.3rem; }
  .signPage .wrap .right-column { width: 6.83rem; height: 6.48rem; margin-top: -0.5rem; }
  .signPage .wrap .right-column .m-sigln { height: 100%; padding-top: 0.6rem; }
  .signPage .wrap .right-column .m-sigln h2 { font-size: 0.42rem; }
  .signPage .wrap .right-column .m-sigln h2::after { width: 2.25rem; margin: 0.15rem auto 0; }
  .signPage .wrap .right-column .m-sigln .form-box { margin-top: 0.75rem; padding: 0 0.45rem; }
  .signPage .wrap .right-column .m-sigln .form-box .form-item { margin-bottom: 0.34rem; }
  .signPage .wrap .right-column .m-sigln .form-box .form-item .form-label img { width: 0.42rem; }
  .signPage .wrap .right-column .m-sigln .form-box .form-item .form-label span { width: 0.9rem; margin-left: 0.15rem; line-height: 0.42rem; font-size: 0.28rem; }
  .signPage .wrap .right-column .m-sigln .form-box .form-item .input-block .input { width: 4.1rem; height: 0.82rem; font-size: 0.23rem; line-height: 0.8rem; }
  .signPage .wrap .right-column .m-sigln .form-box .btn-outlined { font-size: 0.32rem; line-height: 0.84rem; margin-top: 0.3rem; }
  .signPage .wrap .right-column a { display: block; width: 0.8rem; height: 0.8rem; border-radius: 50%; overflow: hidden; background: url(../images/x.png) no-repeat center/cover; margin: 0.1rem auto 0; }
  .personal-box { align-items: flex-start; flex-wrap: wrap; }
  .personal-box .left-column { width: 100%; height: auto; padding-top: 0.45rem; background-image: url(../images/wap-pers-bg.jpg); background-repeat: repeat-x; border-bottom: 0.01rem solid #efefef; }
  .personal-box .left-column .u-faces { margin: 0 auto 0.3rem; }
  .personal-box .left-column .u-name { font-size: 0.26rem; }
  .personal-box .left-column .u-list { margin-right: 0; margin-top: 0.4rem; padding: 0.4rem 0.24rem; background-color: #fff; display: flex; justify-content: space-between; align-items: center; }
  .personal-box .left-column .u-list a { flex-direction: column; flex: 1; margin-bottom: 0; }
  .personal-box .left-column .u-list a .ico { margin-left: 0; width: 0.55rem; height: 0.52rem; }
  .personal-box .left-column .u-list a span { font-size: 0.26rem; color: #333; margin-left: 0; }
  .personal-box .left-column .u-list a.info { border-right: 0.01rem solid #c9c9c9; }
  .personal-box .left-column .u-list a.info .ico { background: url(../images/wap-hone1.png) no-repeat; background-position: -0.57rem 0; background-size: 1.14rem; }
  .personal-box .left-column .u-list a.collect .ico { background: url(../images/wap-collect1.png) no-repeat; background-position: -0.57rem 0; background-size: 1.14rem; }
  .personal-box .left-column .u-list a.current, .personal-box .left-column .u-list a:hover { border-radius: 0; background-color: transparent; box-shadow: none; }
  .personal-box .left-column .u-list a.current span, .personal-box .left-column .u-list a:hover span { color: #333; }
  .personal-box .left-column .u-list a.current .ico { background-position: 0 0; }
  .personal-box .right-column { background-color: #f7f7f7; padding: 0; }
  .personal-box .right-column .info-box { width: 100%; margin-top: 0.15rem; background-color: #fff; border-top: 0.01rem solid #efefef; padding: 0.15rem 0.24rem; }
  .personal-box .right-column .info-box .title { font-size: 0.26rem; text-align: left; line-height: 0.7rem; border-bottom: 0.01rem solid #ccc; padding-bottom: 0.15rem; padding-left: 0.1rem; }
  .personal-box .right-column .info-box .form-box form { padding: 0; }
  .personal-box .right-column .info-box .form-box form .form-item { width: 100%; height: 1.45rem; border-bottom: 0.01rem solid #ebebeb; margin-left: 0.25rem; padding: 0.35rem 0; }
  .personal-box .right-column .info-box .form-box form .form-item .form-label { font-size: 0.26rem; width: 1.1rem; }
  .personal-box .right-column .info-box .form-box form .form-item .input-block { flex-grow: 1; }
  .personal-box .right-column .info-box .form-box form .form-item .input-block .input { line-height: 0.7rem; font-size: 0.26rem; width: calc(100% - 0.2rem); padding: 0 0.2rem; }
  .personal-box .right-column .info-box .form-box form .form-item .input-block.birthday::after, .personal-box .right-column .info-box .form-box form .form-item .input-block.tele::after { transform: scale(2); right: 0.3rem; top: 50%; margin-top: -0.08rem; }
  .personal-box .right-column .info-box .form-box form .form-item .input-block.tele .input { border: 1px solid #ccc; }
  .personal-box .right-column .info-box .form-box .btn-box { margin: 0.6rem 0 0; padding-bottom: 0.5rem; }
  .personal-box .right-column .info-box .form-box .btn-box .change, .personal-box .right-column .info-box .form-box .btn-box .btn-outlined { margin: 0 0.25rem; height: 0.8rem; width: 2.95rem; font-size: 0.32rem; line-height: 0.8rem; }
  .personal-box .right-column .info-box .form-box .btn-box .change { color: #000; border: 0.01rem solid #d4d4d4; }
  .personal-box .right-column .info-box .m-recolist { margin-top: 0; }
  .personal-box .right-column .info-box .m-recolist .wrap ul { padding: 0; }
  .personal-box .right-column .info-box .m-recolist .wrap ul li a { width: 3.35rem; box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.13); }
  .personal-box .right-column .info-box .m-recolist .m-pages { margin: 0.55rem 0; }
  .personal-box .right-column .u-out a { border-top: 0.01rem solid #e6e6e6; display: block; width: 100%; line-height: 1.1rem; text-align: center; font-size: 0.32rem; color: #666; background-color: #fff; } }
